<style>
  .btn1 {
    font-size: .85rem;
    text-align: center;
    width: 100%;
    line-height: 2.2rem;
    color: #FFFFFF;
    background-color: rgba(0, 120, 201, 1);
    border-radius: 1.1rem;
  }

  .btn2 {
    background-color: #E6F2FA;
    color: #3393D4;
  }
  .btn3 {
    background-color: #ddd;
    color: #ffffff;
  }
</style>
<template>
  <div class="btn1" :class="className" @click="clickMe">{{text}}</div>
</template>
<script>
export default {
  props: ['text', 'className'],
  methods: {
    clickMe(){
      this.$emit('clickBtn');
    }
  }
};
</script>
